<!-- 报名统计 -->
<template>
  <div class="app-container">

    <el-descriptions title="赣体通小程序使用情况汇总" :column="2" border>
      <el-descriptions-item label="使用人数" label-class-name="d-label" content-class-name="d-content">{{enrollCount.userCount}}</el-descriptions-item>
      <el-descriptions-item label="报名总人次" label-class-name="d-label" content-class-name="d-content">{{enrollCount.total}}</el-descriptions-item>
      <el-descriptions-item label="报名待审" label-class-name="d-label" content-class-name="d-content">{{enrollCount.dsh}}</el-descriptions-item>
      <el-descriptions-item label="退赛待审" label-class-name="d-label" content-class-name="d-content">{{enrollCount.tsdsh}}</el-descriptions-item>
      <el-descriptions-item label="报名成功" label-class-name="d-label" content-class-name="d-content">{{enrollCount.shcg}}</el-descriptions-item>
      <el-descriptions-item label="报名审核未过" label-class-name="d-label" content-class-name="d-content">{{enrollCount.shsb}}</el-descriptions-item>
      <el-descriptions-item label="已退赛" label-class-name="d-label" content-class-name="d-content">{{enrollCount.tscg}}</el-descriptions-item>
    </el-descriptions>

  </div>
</template>

<script>
import { countEnroll} from "@/api/hps/enroll";

export default {
  name: "Info",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 总条数
      total: 0,
      enrollCount:{
        userCount: undefined,
        total: undefined,
        dsh: undefined,
        shcg: undefined,
        shsb: undefined,
        tscg: undefined,
        tsdsh: undefined,
        tssh: undefined
      },
      dateRange: [],
      pickerOptions: {
        shortcuts: [{
          text: '最近一周',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近三个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
            picker.$emit('pick', [start, end]);
          }
        }]
      },
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {

      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询支付订单信息列表 */
    getList() {
      this.loading = true;
      countEnroll(this.queryParams).then(response => {
        this.enrollCount = response.data;
        this.loading = false;
      });
    },

  }
};
</script>


<style scoped>

</style>
